<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/jsp/business/include/doctype.jsp" %>
<script type="text/javascript" src="${requestScope.contextPath}/js/cubiq-iscroll/iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
	myScroll = new iScroll('wrapper', { 
		checkDOMChanges: true,
		zoom: false
	});
	<c:if test="${param.endY != null and param.endY != ''}">
		myScroll.scrollTo(0, ${param.endY}, 0);
		endY = ${param.endY};
	</c:if>
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
window.addEventListener('DOMContentLoaded', setTimeout(function () { loaded(); }, 200), false);


function newMore() {
	var page = ${page};
	var type = '${type}';
	var currCnt = ${map.CurrCnt};
	var tot = ${map.TotalRecordCnt};
	if (currCnt > tot) {
		$('.more11').html('없음');
		return;
	}
	var nParm = "&page=${page}&type=${type}&SearchTitle=${SearchTitle}&SearchFirst=${SearchFirst}&SearchStartDate=${SearchStartDate}&SearchEndDate=${SearchEndDate}&endY="+endY;
	location.href='${requestScope.contextPath}/business/mConcise/mConciseList.do?more=y'+nParm;
}
function view(ArticleCD){
	location.href="${requestScope.contextPath}/business/mConcise/mConciseView.do?articleCD="+ArticleCD+"&page=${page}&type=${type}&SearchTitle=${SearchTitle}&SearchFirst=${SearchFirst}&SearchStartDate=${SearchStartDate}&SearchEndDate=${SearchEndDate}&endY="+endY;
}
</script>


<style type="text/css" media="all">
/*원본 : #wrapper { position:absolute; z-index:1; top:90px; bottom:0px; left:0; width:320px;  overflow:auto; }*/
#wrapper { position:absolute; z-index:1; top:90px; bottom:0px; left:0; width:100%;  overflow:auto; }
#scroller { position:absolute;  -webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; padding:0; background:#fff; }
</style>

</head>
<body>
	<div id="wrap">
		<div class="header">
			<h1>콘사이스</h1>
			<p class="list"><a href="${requestScope.contextPath}/business/mConcise/mConciseSearchList.do?type=${type}"><img src="../../images/btn/btn_search3.gif" alt="검색" /></a></p>
			<ul class="tab2" id="UL">
				<li><a href="${requestScope.contextPath}/business/mConcise/mConciseList.do?type=TopNews"><img src="${requestScope.contextPath}/images/concise/tab1<c:if test="${type == 'TopNews'}">_over</c:if>.gif" alt="Top News" id="tb1" /></a></li>
				<li><a href="${requestScope.contextPath}/business/mConcise/mConciseList.do?type=CeoInfo"><img src="${requestScope.contextPath}/images/concise/tab2<c:if test="${type == 'CeoInfo'}">_over</c:if>.gif" alt="Top News" id="tb2" /></a></li>
				<li><a href="${requestScope.contextPath}/business/mConcise/mConciseList.do?type=Manage"><img src="${requestScope.contextPath}/images/concise/tab3<c:if test="${type == 'Manage'}">_over</c:if>.gif" alt="Top News" id="tb3" /></a></li>				
			</ul>
		</div><!-- // header -->
		<div id="wrapper" class="content">
		<div id="scroller">
			<div class="news">
				<ul id="concise">
					<c:forEach items="${mapList2}" var="mapInfo2" varStatus="status">
					<a href="javascript:view('${mapInfo2.ArticleCD}')"><li><span class="bold">${mapInfo2.Title}</span><span class="date1" />${mapInfo2.UCreateDate} | ${mapInfo2.Importance}</span></li></a>
					</c:forEach>
					<c:if test="${empty mapList2}">
					<li>일치하는 자료가 없습니다.</li>
					</c:if>
				</ul>
				<c:if test="${map.TotalRecordCnt > 15}"> 
					<div class="btn_more11">
					<p class="more11"><a href="javascript:newMore();">15개 더보기</a></p>
					<p class="more22"><a href="javascript:myScroll.scrollTo(0, 0, 0);"><img src="${requestScope.contextPath}/images/news/btn_top.gif" alt="맨위로" />&nbsp;&nbsp;맨위로</a></p>
					</div>
				</c:if>
			</div>
		</div>
		</div><!-- // content -->
	</div><!-- // wrap -->
	<script>
		window.HybridApp.clearAllHistory(); 
	</script>
</body>
</html>